@charset "utf-8";
.center{
    background-image: url(../img/images/bg0_02.jpg) ;
    width: 100%;
    padding-top: 59px;
    padding-bottom: 100px;
    .center_left{
        width: 223px;
        background: #f3f2f2;
        padding-bottom: 25px;
        margin-left: 159px;
        float: left;
        ul{
            padding-top: 34px;
            li{
                margin-bottom: 2px;
            &.activate{
                a{
                    color: white;
                    background: #58636d;
                }
            }
                
                a{
                   color: #7c7979;
                   width: 100%;
                   padding-bottom: 10px;
                   padding-top: 10px;
                   display: inline-block;
                   i{
                       margin-left: 10px;
                   }
                   &:hover{
                       background: #58636d;
                       color: white;
                       transition: 1s;
                   }
                }
            }
        }
        ul + i{
            font-size: 14px;
            color: #7c7979;
            margin-left: 41px;
            margin-top: 15px;
            display: inline-block;
        }
        span{
            font-size: 12px;
            color: #7c7979;
            &:last-of-type{
                margin-left: 60px;
            }
        }
    }
    .center_right{
        float: left;
        width: 682px;
        margin-left: 45px;
        .news{
            border-bottom: 2px solid white;
            width: 652px;
            margin: 0 auto;
            margin-top: 33px;
            h6{
                display: inline-block;
                font-size: 19px;
                color: #f6f8fb;
                &:last-of-type{
                    margin-left: 512px;
                }
            }
        }
        .center_right_top{
            background: white;
            margin-top: 44px;
            .center_right_top_nav{
                width: 602px;
                border-bottom: 1px solid #c4c4c5;
                margin: 0 auto;
                p{
                    display: inline-block;
                    font-size: 12px;
                    padding-top: 29px;
                    padding-bottom: 5px;
                    margin-left: 28px;
                    a{
                        color: #3f4142;
                    }
                }
                span{
                    margin-left: 345px;
                    font-size: 12px;
                    color: #3f4142;  
                }
            }
        }
        .center_right_bottom{
            background: white;
            text-align: center;
            padding-bottom: 31px;
            .gg{
                width: 648px;
                margin: 0 auto;
                h5{
                    font-size: 16px;
                    padding-top: 31px;
                    margin-bottom: 20px;
                }
                img{
                    width: 100%;
                    vertical-align: middle;
                }
                p{
                    font-size: 12px;
                    color: #5f5b5b;
                    margin-top: 16px;
                    text-align: left;
                    text-indent: 2em;
                }
                span{
                    font-size: 12px;
                    color: #858788;
                }
            }
            .number{
                margin-top: 4px;
                a{
                    font-size: 12px;
                    border: 1px solid #cbcbcb;
                    padding: 0 5px;
                    color: black;
                    i{
                        font-size: 12px;
                        color: black;
                    }
                }
            }
        }
    }
}    